<template>
  <div class="pagination_container">
    <el-pagination
      layout="slot"
      :total="50"
    >
      <div class="elp_btn">
        <div>
          共1015条记录  第 9/102 页
        </div>
        <div>
          <el-button type="primary" class="btn">上一页</el-button>
          <el-button type="primary" class="btn">下一页</el-button>
        </div>
      </div>
    </el-pagination>
  </div>
</template>
<script>
export default {
  name: '',
  data() {
    return {

    }
  },
  computed: {
  },
  created() {
  },
  methods: {
  }
}
</script>
<style lang='scss'  scoped>
.pagination_container{
  padding: 15px 0;
  .elp_btn{
    display: flex;
    justify-content: space-between;
    align-items: center;
    .btn{
      background-color: #d5ddf8;
      width: 80px;
      height: 40px;
    }
  }
}
</style>
